<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="../Public/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="../Public/addchild/js/My97DatePicker/My97DatePicker/WdatePicker.js"></script>
<title>无标题文档</title>

<style>

div{
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	
	/*Iborder:solid ;
	border-color:#Ff0000; */
	}
body {
	background:#ffffff;
	margin:0px;	
}
a {
	text-decoration: none;
	color:#036e6c;
	font-weight:bold;
	font-size:9pt;
}
input{
	background:#f2fbfe;
	}

</style>


<script type="text/javascript">

function tochird()
{
    var name=$("#name").val();
    var email=$("#email").val();
    var password=$("#password").val();
    var birthday=$("#birthday").val();
    var realBirthday=new Date(birthday);
    var lastbirthday=realBirthday.getTime();
    var sex=$("#sex").val();
   
   $.post("doAddChild",{name:name,email:email,password:password,birthday:lastbirthday,sex:sex},function(data){  
        var jsonObj = $.parseJSON(data);
        if(jsonObj.status==1){
         window.location.href = "tolinkfriend";
         }
         else{
            
            //创建失败，刷新本页面
           window.location.href="";
         }
     });
}

</script>
</head>

<body  >
<div style="width:100%">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td  style="width:65%;font-size:8pt; text-align:right;height:30px;" >不要创建或要添加您的孩子资料，<b style="color:#42bd56;">跳过这一步</b></td>
    <td  style="width:7%;" rowspan="3"><div style="float:left;width:100%;background:url(image/m_line.png) no-repeat center center;height:350px; "></div></td>
    <td  style="width:28%;">
    </td>
  </tr>
  <tr>
    <td valign="top">
  <div style="margin-left:20px;width:97%; background:#ecf8fe; border:#dbdcdd thin solid; height:280px; float:left;">
    <table border="0" cellspacing="12px" cellpadding="0" style="text-align:left; color:#209593; font-size:10pt; font-weight:bold; ">
  
 
  <tr>
    <td style='padding-left:20px;'>你的孩子的名字：<br />
      <input type="text" name="name" id="name" style="width:100px;" /></td>
  </tr>
  <tr>
    <td style='padding-left:20px;' >用户名：<br />
      <input type="text" name="email" id="email"/> 
      .tang.com <b style="color:#25b33c; font-size:9pt;">检查可用性</b></td>
  </tr>
  <tr>
    <td style='padding-left:20px;'>密码：<br/>
      <input type="password" name="password" id="password" /></td>
  </tr>
  <tr>
    <td style='padding-left:20px;'>生日：<br />
      <input type="birthday" name="birthday" id="birthday" onfocus="WdatePicker({isShowClear:false,readOnly:true,dateFmt:'MM/dd/yyyy HH:mm:ss'})"/>
      <img onclick="WdatePicker({el:'birthday',isShowClear:false,readOnly:true,dateFmt:'MM/dd/yyyy HH:mm:ss'})" src="../Public/addchild/image/cal.gif"  align="absmiddle">
      </td>
  </tr>
  <tr>
    <td style='padding-left:20px;'>性别：<br />
      <select name="sex">
        <option selected value="1" id="sex">男</option>
        <option value="0" >女</option>
        </select></td>
  </tr>
   <tr>
     <td></td>
   </tr>
</table>
</div>
</td>
    <td  style="width:28%;font-size:9pt; text-align:left;height:30px;" valign="top"> 
    <div style="height:150px;width:70%; background:#ecf8fe; border:#dbdcdd thin solid;float:left;padding:10px;">
      <b style="font-size:11pt;color:#248180;">  Tang入门<br /><br /></b>
        <table width="100%" border="0" cellspacing="0" cellpadding="0"style="font-size:10pt;color:#787878; line-height:18pt">
          <tr>
            <td>1.确认您的账户</td>
            <td><img src="../Public/addchild/image/fit.png" /></td>
          </tr>
          <tr>
            <td><b style="color:#248180">2.创建儿童资料</b></td>
            <td></td>
          </tr>
          <tr>
            <td>3.连接家人和朋友
        </td>
            <td></td>
          </tr>
          <tr>
            <td>4.加入社区</td>
            <td></td>
          </tr>
        </table>
    </div>
	</td>
</tr>
  <tr>
    <td valign="bottom" style="padding-left:20px;height:45px;"> 
      <div style="background:url(../Public/addchild/image/create.png) no-repeat center center;width:104px;height:45px; cursor:pointer; float:left;" onclick="tochird()" ></div>
      <div style=" float:left;background:url(../Public/addchild/image/add.png) center center no-repeat; margin-left:20px;margin-right:8px;height:inherit;width:17px;" >
        </div> 
      <b style="color:#25b33c; font-size:9pt; line-height:45px;">添加另一个孩子</b>
      </td>
    <td  style="width:28%;"></td>
  </tr>
  </table>

</div>
<img src="../Public/addchild/image/flower.png" style="position:absolute;right:0;bottom:0; z-index:-50;" />
</body>
</html>
